<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 数组的解构赋值 解构赋值要求等号前后的数据解构保持一致
        // var arr = [1, 2, 3]

        // var [a, b, c] = arr
        // console.log(a, b, c)
        // var a = 1
        // var b = 2
        // var c
        // c = a 
        // a = b
        // b = c
        // var a1 = 1
        // var b1 = 2

        // let [b, a] = [a1, b1]
        // console.log(a, b)

        // var {b, a} = [a1, b1]
        // console.log(b, a)

        // var arr = [1, [2, 3]]

        // let [a, [b, c]] = arr
        // console.log(a, b, c)
        // var arr = [1, 2, 3, 4, ['德玛西亚', {name: "zhansan"}]]
        // let [a,,c] = arr
        // let [,b,] = arr
        // console.log(b)
        // ...b rest参数 会将数据剩下的所有的值按照指定规则存在在一个变量中
        // var [a, ...b] = arr
        // console.log(a, b)
        // let [a,,b,,c] = arr
        // console.log(a, b, c)
        // var arr = [1, 2, 3, null]
        // console.log(arr)
        // var [a, b, c, d=4] = arr
        // console.log(a,b,c,d)
        // var arr = [1, 2, 3]

        // var obj = {
        //     children: [...arr]
        // }
        // console.log(obj)
        // 对象的解构赋值
        // var obj = {
        //     name: "张三",
        //     age: 15,
        //     sex: "男",
        //     tel: 110,
        //     height: undefined,
        //     job:{
        //         componey: "积云教育"
        //     }
        // }

        // let {name,age,sex,tel} = obj
        // let {name} = obj

        // let obj2 = {...obj}
        // console.log(obj2)

        // var {name, job:{componey}} = obj
        // console.log(componey)

        // 字符串的解构赋值 沿用了数组的解构赋值的用法
        // var word = 'hello'
            // console.log(word[0])
        
            // let [a, , ...b] = word
            // console.log(a,b)
        // var num = 1234
        // var [a,b] = num
        // console.log(a, b)
        // var flag = true
    </script>
</body>
</html>